<!doctype html>
<html lang="en" id="enroll_basicInfo" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_basicInfo.css">
    <link rel="stylesheet" href="css/uc_mate_condition.css">
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        基本资料
    </div>
    <div class="right">
        <a v-on:click="save()">
            保存
        </a>
    </div>
</div>
<ul>
    <li>出生日期<span><input type="text" placeholder="请填写" v-model="req.birthday"></span></li>
    <li>身&nbsp;&nbsp;高<span><input type="text" placeholder="请填写" v-model="req.height"></span></li>
    <li>体&nbsp;&nbsp;重<span><input type="text" placeholder="请填写" v-model="req.weight"></span></li>
    <li>
        民&nbsp;&nbsp;族
        <span>
            <span>{{req.nation}}</span>
        </span>
        <select v-model="req.nation">
            <option v-for="item in selections[7]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        籍&nbsp;&nbsp;贯
        <span>
            <span>{{req.nativePlace}}</span>
        </span>
        <select v-model="req.nativePlace">
            <option v-for="item in selections[975]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        职&nbsp;&nbsp;业
        <span>
            <span>{{req.profession}}</span>
        </span>
        <select v-model="req.profession">
            <option v-for="item in selections[1010]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        学&nbsp;&nbsp;历
        <span>
            <span>{{req.education}}</span>
        </span>
        <select v-model="req.education">
            <option v-for="item in selections[8]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        婚姻状况
        <span>
            <span>{{req.marry}}</span>
        </span>
        <select v-model="req.marry">
            <option v-for="item in selections[6]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        住房情况
        <span>
            <span>{{req.houseStatus}}</span>
        </span>
        <select v-model="req.houseStatus">
            <option v-for="item in selections[467]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        购车情况
        <span>
            <span>{{req.carStatus}}</span>
        </span>
        <select v-model="req.carStatus">
            <option v-for="item in selections[463]" v-bind:value="item.name">{{item.name}}</option>
        </select>
    </li>
    <li>
        地&nbsp;&nbsp;区
        <span>
            <span>{{req.area}}</span>
        </span>
        <select v-model="req.area">
            <option v-for="item in cityList" v-bind:value="item.name">{{item.name}}</option>
        </select>

    </li>
    <li>
        籍贯要求
        <span>
            <span>{{getName(placeList, req.place)}}</span>
        </span>
        <select v-model="req.place">
            <option v-for="item in placeList" v-bind:value="item.id">{{item.name}}</option>
        </select>
    </li>
    <li class="region">
        年龄要求
        <div class="choose-place">
            <select v-model="req.ageBegin">
                <option value="">请选择</option>
                <option v-for="age in ageArr" value="{{age}}">{{age}}</option>
            </select>

            <select v-model="req.ageEnd">
                <option value="">请选择</option>
                <option v-for="age in ageArr" value="{{age}}">{{age}}</option>
            </select>

        </div>
    </li>
    <div class="list">
        <p>学历要求<span>（可多选）</span></p>
        <span v-for="item in educationList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('educationList',$index)">
        {{item.name}}
    </span>
    </div>
    <li class="region">
        收入要求
        <div class="choose-place">
            <select v-model="req.moneyBegin">
                <option value="">请选择</option>
                <option v-for="money in moneyArr" value="{{money}}">{{money}}</option>
            </select>

            <select v-model="req.moneyEnd">
                <option value="">请选择</option>
                <option v-for="money in moneyArr" value="{{money}}">{{money}}</option>
            </select>

        </div>
    </li>
    <li class="region">
        身高要求
        <div class="choose-place">
            <select v-model="req.heightBegin">
                <option value="">请选择</option>
                <option v-for="height in heightArr" value="{{height}}">{{height}}</option>
            </select>

            <select v-model="req.heightEnd">
                <option value="">请选择</option>
                <option v-for="height in heightArr" value="{{height}}">{{height}}</option>
            </select>

        </div>
    </li>
    <div class="list">
        <p>所在地区<span>（可多选）</span></p>
        <span v-for="item in cityList" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('cityList',$index)">
        {{item.name}}
    </span>
    </div>
</ul>
</body>
<script>var app = 'enroll_basicInfo';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>